$(function () {
  // 点击登录按钮
  $('.container_one #login').on('click', function (e) {
    // 1.点击时显示隐藏对应页面
    $('.container_two').hide()
    $('.container_one').show()
    $('.link-area').show()
    e.preventDefault()
    // 1.1.发送ajax请求
    // 获取数据
    let usernames = $('.container_one #account').val()
    let passwords = $('.container_one #password').val()
    mui.ajax('http://192.168.23.40:3000/user', {
      data: {
        username: usernames,
        password: passwords
      },
      type: 'GET', //HTTP请求类型
      timeout: 5000, //超时时间设置为10秒；
      success: function (data) {
        // 获取用户名和密码
        let useStr = localStorage.getItem('name')
        let pwdStr = localStorage.getItem('pwd')
        if (usernames === useStr && passwords === pwdStr) {
          // 跳转首页
          window.location.href = 'index-one.html'
        } else if (passwords !== pwdStr) {
          mui.alert('密码错误，请重新输入')
        } else {
          // 手动点击注册事件
          $('#reg').click()
        }
        // console.log(data);
        // 清空表单数据
        $('#login-form')[0].reset()
      },
      error: function () {
        //异常处理；
        console.log('登录失败');
      }
    });
  })

  // 2.点击注册按钮
  $('#reg').on('click', function (e) {
    // 点击时显示隐藏对应页面
    $('.container_two').show()
    $('.container_one').hide()
    $('.link-area').hide()
  })


  // 点击注册页面的登录按钮后
  $('.container_two #login').on('click', function (e) {
    e.preventDefault()
    let usernames = $('.container_two #account').val()
    let passwords = $('.container_two #password').val()
    // 发起数据的post请求
    mui.ajax('http://192.168.23.40:3000/user', {
      data: {
        username: usernames,
        password: passwords
      },
      type: 'POST', //HTTP请求类型
      timeout: 5000, //超时时间设置为10秒；
      success: function (data) {
        // 将数据保存到本地
        window.localStorage.setItem('name', usernames)
        window.localStorage.setItem('pwd', passwords)
        // 先验证两次密码输入是否一致
        if ($('#password_sure').val() !== passwords) {
          mui.alert('两次密码不一致，请重新输入');
        } else {
          Verrify1()
        }
      },
      error: function () {
        //异常处理；
        console.log('注册失败');
      }
    });
    // 验证成功将表单内容清空
    $('#login-form')[0].reset()
  })
})

// 可以使用增加类名的方式就可以不用定义两个函数
function Verrify() {
  var check = true
  mui(".container_one .mui-input-row input").each(function () {
    //若当前input为空，则alert提醒 
    if (!this.value || this.value.trim() == "") {
      var label = this.previousElementSibling;
      mui.alert(label.innerText + "不许为空");
      check = false;
      return false;
    }
  }); //校验通过，继续执行业务逻辑 
  if (check) {
    // 验证通过后直接跳转到首页
    mui.alert('验证通过!')
  }
}

function Verrify1() {
  var check = true
  mui(".container_two .mui-input-row input").each(function () {
    //若当前input为空，则alert提醒 
    if (!this.value || this.value.trim() == "") {
      var label = this.previousElementSibling;
      mui.alert(label.innerText + "不能为空");
      check = false;
      return false;
    }
  }); //校验通过，继续执行业务逻辑 
  if (check) {
    mui.alert('验证通过!')
    //服务器返回响应，注册成功后跳转到首页面
    location.href = 'index-one.html'
  }
}